.xgx-login {
  background-size: 100% 100%;
  >.row {
    height: inherit;
  }

  form {
    margin-bottom: 2rem;
    margin-top: 1rem;
    .input-group {
      height: 2.5rem;
      margin: 0 0 1rem 0;
    }
  }

  height: calc(100vh);
}

.xgx-login-desktop {
  >.row {
    >div:nth-child(2) {
      >div {
        margin: auto;
        max-width: 25rem;
        background-color: rgba(0,0,0,0.05);
        border-radius: 10px;
      }
    }
  }
}

.xgx-login-mobile {
  h3 {
    text-shadow: 1px 2px 3px grey;
  }
  form {
    margin-bottom: 5rem;
    .input-group {
      height: 2.8rem;
    }
  }
  button {
    height: 2.8rem;
  }
}
